@extends('layouts.app')
@section('header')
     @include('common.header')
@stop
@section('title', config('index_title').'-需求发布')
@section('footer')
     @include('common.footer')
@stop
@section('content')

    <link href="/front/Content/assets/css/codemirror.css" rel="stylesheet" />
        <link href="/front/Content/tixianjilv.css" rel="stylesheet" />
        
    <link href="/front/Content/wodeshuju.css" rel="stylesheet" />
        <script src="/front/Scripts/wangEditor.min.js"></script>
        <style>
.selectclass{width: 200px; height: 30px ;line-height: 30px; text-align: center;}
</style>
<div class="banner1"></div>
<div class="xtxx">
    <div class="xtxx_top">
        <div class="xtxx_tit"><p><a href="/home">个人中心</a>&nbsp;&gt;&nbsp;<a href="javascript:;">供需平台</a></p></div>
    </div>
    <div class="wdda">
        <div class="wdda_left fl" style="width: 185px">
            <ul class="shuji-nav">
                <li><a href="/user/myCard">名片管理</a></li>
                <li class="navdowna"><a href="/user/sendService">供需平台</a></li>
                <li ><a href="/user/myService">我的发布</a></li>
            </ul>
        </div>
        <style type="text/css">
            #title::-webkit-input-placeholder {
              color: #ccc;
            }
            #title:-moz-placeholder {
              color: #ccc;
            }
            #title:-ms-input-placeholder {
              color: #ccc;
            }
        </style>
        <div class="profit_right mt60 mb238" style="width: 945px;">
<form class="form-horizontal" id="ll" method="POST" action="/user/sendService">
            {{ csrf_field() }}
            <div class=" ct">
                <div class="wyfb">
                    <div class="mingpian-title">
                    <select name="type" class="selectclass">
                    @if(isset($menu[21]))
                    	@foreach($menu[21]['child'] as $row)
                    	<option value="{{$row['id']}}">{{$row['name']}}</option>
                    	@endforeach
                    @endif	
                    </select>
                    </div>
                    <div class="wyfb_left">

                        <input class="wby9" cols="" id="title" name="title" rows="" type="text" placeholder="请在框中填写公司名（如阿里巴巴）" />
                    </div>
                    <div class="wyfb_right">
                        <div id="div1">
                            <p style="font-size: 14px;color: #ccc" id="caonima">详细需求说明：<br/>
写明公司名称，具体需求，可上传图片，附上自己联系方式等</p>
                        </div>
                        <input name="content" value="" id="content" type="hidden" />
                        <div class="txxx" style="display: none;">
                            <input class="wby10" cols="" id="detail" name="remark" rows="" type="text" placeholder="填写备注信息" /></div>
                        <div class="anz">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <TBODY><tr>
                                    <!--<td>-->
                                        <!--<div align="center">-->
                                            <!--<input name="" type="submit" class="btn9" value="编辑"/>-->
                                        <!--</div>-->
                                    <!--</td>-->
                                    <td>
                                        <div align="center">
                                            <!--<input name="" id="sub" type="button" class="btn9" value="提交"/>-->
                                            <button class="btn9" type="button" id="sub">提交</button>
                                        </div>
                                    </td>
                                </tr>
                            </TBODY></table>
                        </div>
                    </div>
                </div>
            </div>
</form>
        </div>
        
    </div>
</div>
<script>
    //初始化
    var E = window.wangEditor;
    var editor = new E("#div1");

    //配置
    // 自定义配置颜色（字体颜色、背景色）
    editor.customConfig.colors = [
        '#000000',
        '#eeece0',
        '#1c487f',
        '#4d80bf',
        '#c24f4a',
        '#8baa4a',
        '#7b5ba1',
        '#46acc8',
        '#f9963b',
        '#ffffff'
    ]

    // 关闭粘贴样式的过滤
    editor.customConfig.pasteFilterStyle = false
    // 自定义处理粘贴的文本内容
    editor.customConfig.pasteTextHandle = function (content) {
        // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
        return content + '<p>在粘贴内容后面追加一行</p>'
    }

    editor.customConfig.linkImgCallback = function (url) {
        console.log(url) // url 即插入图片的地址
    }

    editor.customConfig.uploadImgShowBase64 = true   // 使用 base64 保存图片
    // 将图片大小限制为 3M
    editor.customConfig.uploadImgMaxSize = 3 * 1024 * 1024

    // 限制一次最多上传 5 张图片
    editor.customConfig.uploadImgMaxLength = 5

    //Debug模式
    editor.customConfig.debug = true

    //创建
    editor.create();

    document.getElementById('sub').addEventListener('click', function () {
        // 读取 html
        //alert(editor.txt.html());
        sub(editor.txt.html());
    }, false);
    //
    // document.getElementById('btn2').addEventListener('click', function () {
    //     // 读取 text
    //     alert(editor.txt.text())
    // }, false)


    function sub(html) {
        
        var title = $("#title").val();
        if(title=='')
    	{
        layer.msg('请填写标题.');
        return false;
    	}
        if(html=='')
    	{
        layer.msg('请填写内容.');
        return false;
    	}
        $('#content').val(html);
        $('#ll').submit();

    }

</script>
<script>

	$(function(){
		function setVal(v){
			if(v == 22){
					$('#title').attr('placeholder','一句话标题，请输入公司的采购或合作需求');
					$('#caonima').html('详细需求说明：<br/>写明公司名称，具体需求，可上传图片，附上自己联系方式等');
				}
				if(v == 23){
					$('#title').attr('placeholder','一句话标题，请输入公司的产品介绍语');
					$('#caonima').html('详细说明：<br/>写明公司名称，产品介绍，可上传图片，附上自己联系方式等');
				}
				if(v == 24){
					$('#title').attr('placeholder','一句话标题，请输入公司及需要招聘的岗位');
					$('#caonima').html('详细说明：<br/>写明公司名称，岗位介绍，职能要求等。可上传图片，附上自己联系方式等');
				}
		}
		
		setVal($('.selectclass').val());
		
		$('.selectclass').on('change',function(){
			let v = $(this).val();
			setVal(v);
		})
	})
	
</script>
<script type="text/javascript">
$(function(){
	@if(session('status'))
		layer.msg("{{session('status')}}");
	@endif
})
</script>
@endsection
